<template>
    <div>
        <div class="header" >城市选择:{{this.$store.state.city}}
          <router-link to="/home">
            <div class=" iconfont header-back">&#xe625;</div>
          </router-link>

        </div>
    </div>

</template>

<script>
    export default {
        name: "Header",
      methods:{

      }
    }
</script>

<style lang="stylus" scoped>
  @import '~styles/varibles.styl'
  .header
     text-align:center
     height:$headerHeight
     line-height:.86rem
     background-Color:$bgColor
     font-size:.32rem
     color:#fff
     position:relative
     box-sizing:border-box
     .header-back
        position:absolute
        top:0
        left:.1rem
        font-size:.5rem
        color:#fff

</style>
